// 封装axios
import store from '../store'

import router from '@/router'

import axios from 'axios'

import JSONBig from 'json-bigint'

const request = axios.create({
  // 接口基准路径
  baseURL: 'http://toutiao-app.itheima.net/',
  timeout: 3000,
  transformResponse: [function (data) {
    try {
      // 如果转换成功则返回转换的数据结果
      return JSONBig.parse(data)
    } catch (error) {
      // 如果转换失败，则包装为统一数据格式并返回
      return data
    }
  }]
})

// 请求拦截器
request.interceptors.request.use(config => {
  const user = store.state.user
  if (user && user.token) {
    config.headers.Authorization = `Bearer ${user.token}`
  }
  // config为请求配置对象，必须return
  return config
})
// 响应拦截器
request.interceptors.response.use(response => {
  return response
}, async error => {
  if (error.response.status === 401) {
    // 从vuex中取出refresh_token
    const refreshToken = store.state.user.refresh_token
    if (refreshToken) {
      try {
        const res = await axios({
          method: 'put',
          url: '/v1_0/authorizations',
          header: {
            Authorization: `Bearer ${refreshToken}`
          }
        })
        console.log(res)
        // 请求成功，储存新的token
        store.commit('saveToken', res.data.data.token)
        // 将之前请求失败的再次发送出去
        return request(error.config)
      } catch (error) {
        // 没有拿到新的token
        // 返回登录页面
        router.push({ path: '/login' })
      }
    }
  } else {
    return Promise.reject(error)
  }
})

export default request
